<!-- 头部开始 -->
<include file="public@head"/>
<!-- 头部结束 --> 
<link href="__TMPL__/public/assets/css/jquery-ui.css" rel="stylesheet">
<link href="__TMPL__/public/assets/css/nice-select.css" rel="stylesheet">
<title>{$category.seo_keywords}-{$article.post_title}</title>
<meta name="keywords"  content="{$category.seo_keywords}-{$article.post_title}" />
<meta name="description" content="{$category.seo_description}-{$article.post_title}" />



        <!-- page-title -->
        <section class="page-title centred">
            <div class="pattern-layer" style="background-image: url(__TMPL__/public/assets/images/background/page-title.jpg);"></div>
            <div class="auto-container">
                <div class="content-box">
                    <h1>Product Details</h1>
                    <ul class="bread-crumb clearfix">
                        <li><i class="flaticon-home-1"></i><a href="index.html">首页</a></li>
                        <li>产品详情</li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- page-title end -->


        <!-- product-details -->
        <section class="product-details product-details-4">
            <div class="auto-container">
                <div class="product-details-content">
                    <div class="row clearfix">
                        <div class="col-lg-6 col-md-12 col-sm-12 image-column">
                            <div class="bxslider">
                                <portal:album albumn="$article['tupians']" item="dt">
                                    <div class="slider-content">
                                        <div class="product-image">
                                            <figure class="image">
                                                <img src="{:get_image_url($dt)}" alt="">
                                                <a href="{:get_image_url($dt)}" class="lightbox-image"><i class="flaticon-search-2"></i></a>
                                            </figure>
                                        </div>
                                        <div class="slider-pager centred">
                                            <ul class="thumb-box">
                                                <portal:album albumn="$article['tupians']" item="dt">
                                                    <li>
                                                        <a class="active" data-slide-index="{$key}" href="#"><figure><img src="{:get_image_url($dt)}" alt=""></figure></a>
                                                    </li>
                                                </portal:album>
                                            </ul>
                                        </div>
                                    </div>
                                </portal:album>

                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12 content-column">
                            <div class="product-info">
                                <h3>{$article.post_title}</h3>
                                <span class="item-price" style="color: #ff4135">总销量：{$article.zxl}</span>
                                <div class="text">
                                    <p>{$article.post_excerpt}</p>
                                </div>
                                <div class="othre-options clearfix">
                                    <div class="btn-box"><button type="button" class="theme-btn-two">联系我们</button></div>
                                    <ul class="info clearfix">
                                        <li><a href="product-details.html"><i class="flaticon-search"></i></a></li>
                                    </ul>
                                </div>
                                <div class="other-links">
                                    <ul class="clearfix">
                                        <li>适用年龄:  {$article.synl}</li>
                                        <li>尺码:  {$article.sm}</li>
                                        <li>图案:  {$article.tuan}</li>
                                        <li>风格: {$article.fenge}</li>
                                        <li>领型:  {$article.lingxing}</li>
                                        <li>颜色分类:  {$article.yansfl}</li>
                                    </ul>
                                </div>
                            
                            </div>
                        </div>
                    </div>
                </div>
                <div class="product-discription">
                    <div class="tabs-box">
                        
                        <div class="tabs-content">
                           
                            <div class="tab active-tab" id="tab-2">
                                <div class="review-box">
                                    <h5>顶尖、简单、高效、成功就是我们想要给你的全部</h5>
                              
                                    <div class="replay-inner">
                                        
                                        <form class="review-form layui-form" method="POST">
                                            <div class="row clearfix">
                                                <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                                    <label>欢迎留言</label>
                                                    <textarea name="message"></textarea>
                                                </div>
                                                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                                    <label>你的姓名</label>
                                                    <input type="text" name="name" lay-verify="required">
                                                </div>
                                                <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                                    <label>你的联系方式</label>
                                                    <input type="tel" name="phone" lay-verify="phone">

                                                </div>
                                                <div class="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
                                                    <button type="button" lay-submit lay-filter="consub" class="theme-btn-two">点击提交<i class="flaticon-right-1"></i></button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                 <style>
                    .shop-block-one .inner-box .image-box .info-list{width: 85%;left: 20px}
                    .shop-block-one .inner-box .image-box .info-list .shop-1{width: 100%;}
                    .shop-block-one .inner-box .image-box .info-list li a{width: 100%;}
                    .shop-page-section.shop-page-4 .shop-block-one .inner-box .image-box .info-list li:nth-child(2) a{width: auto;padding: 0 15px}
                </style>
                <div class="related-product">
                    <div class="sec-title style-two">
                        <h2>推荐产品</h2>
                        <p>从潮流到永续 --- 从秀场到市场</p>
                        <span class="separator" style="background-image: url(__TMPL__/public/assets/images/icons/separator-2.png);"></span>
                    </div>
                    <php>
                        $where['recommended'] = 1;
                    </php>
                    <div class="row clearfix">
                        <portal:articles page="12" item="vo" order="category_post.list_order ASC" where="$where" categoryIds="294,295,296,297" field="zxl">
                            <div class="col-lg-3 col-md-6 col-sm-12 shop-block">
                                <div class="shop-block-one">
                                    <div class="inner-box">
                                        <figure class="image-box">
                                            <img src="{:get_image_url($vo.thumbnail)}" alt="">
                                            <ul class="info-list clearfix">
                                                <li class="shop-1"><a href="{$vo.link}">查看更多</a></li>
                                                <!-- <li><a href="__TMPL__/public/assets/images/resource/shop/shop-1.jpg" class="lightbox-image" data-fancybox="gallery"><i class="flaticon-search"></i></a></li> -->
                                            </ul>
                                        </figure>
                                        <div class="lower-content">
                                            <a href="{$vo.link}">{$vo.post_title}</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </portal:articles>
                        
                    </div>
                </div>
            </div>
        </section>
        <!-- product-details end -->




<include file="public@footer"/>
<script type="text/javascript">
    var addurl = "{:url('Message/Mess')}";
    layui.use(['form'], function(){
        LayuiPost(addurl);
    });
</script>

